// 入口函数
$(function () {
    // 鼠标经过按钮效果
    $(".dl_con").on({
        mouseover: function () {
            // 创建img_
            $img_ = $("<img class='ma' style='width:95px; height:95px;' src='./image/ma.png'>");
            // 追加元素
            $(".dl_word").append($img_);
            $(".dl_word").addClass("dl_box")
        },
        mouseout: function () {
            $(".dl_word").children(".ma").remove();
            $(".dl_word").removeClass("dl_box");
        }
    });
    // 文字轮播
    var lunbo = $(".pt_txt").children("div");
    var arr = ['1号店PC及H5调整公告', '"金币"，"优惠券"下线公告', '"礼品卡"，"账户金额"调整公告'];
    var timer = null;
    // x为下标
    var x = 0;
    timer = setInterval(function () {
        x++;
        // 判断x大于等于数组下标,回到初始位置
        if (x >= arr.length) {
            x = 0;
        }
        lunbo.text(arr[x]);
    }, 5000);
    // 六个小商品列
    var arrb = ['./image/b1.png', './image/b2.png', './image/b3.png', './image/b4.png', './image/b5.png', './image/b6.png'];
    var arrtop = ['./image/s1.png', './image/s2.png', './image/s3.png', './image/s4.png', './image/s5.png', './image/s6.png'];
    $('.shop_list').on({
        mouseover: function () {
            var index = $(this).index()
            // console.log(index);
            $(this).children('.kong').hide();
            // 图片放大动画
            $(this).children('.jxpanimation').show();
            // 动画效果
            $('.dong').children('.btn').attr('src', arrb[index]);
            // console.log(b);
            $('.topdo').children('.sy_do').attr('src', arrtop[index]).addClass('toanimation');
            // .addClass('toanimation')
        },
        mouseout: function () {
            $(this).children('.kong').show();
            $(this).children('.jxpanimation').hide();
        }

    })
    // 箭头鼠标移入效果
    $('.left_btn,.right_btn').on({
        mouseover: function () {
            $(this).children('.hui').hide();
            $(this).children('.hong').show();
        },
        mouseout: function () {
            $(this).children('.hui').show();
            $(this).children('.hong').hide();
        }
    })

    var j = -1;

    // 下一页
    $('.right_btn').click(function () {
        j++;
        $('.btn').attr('src', arrb[j]);
        if (j == arrb.length) {
            j = 0;
        }
        $('.sy_do').attr('src', arrtop[j]);
        if (j == arrtop.length) {
            j = 0;
        }
        var li3 = $('.shop_list').children('.kong');
        var li2 = $('.shop_list').children('.jxpanimation');
        var a = $('.shop_list');
        for (var i = 0; i < a.length; i++) {
            if (i == j) {
                li3[i].setAttribute('style', 'display:none');
                li2[i].setAttribute('style', 'display:block');
            } else {
                li2[i].setAttribute('style', 'display:none');
                li3[i].setAttribute('style', 'display:block');
            }
        }

    })
    // 上一页
    $('.left_btn').click(function () {
        j--;
        $('.btn').attr('src', arrb[j]);
        if (j == -1) {
            j = arrb.length - 1;
        }
        $('.sy_do').attr('src', arrtop[j]);
        if (j == -1) {
            j = arrtop.length - 1;
        }
        var li3 = $('.shop_list').children('.kong');
        var li2 = $('.shop_list').children('.jxpanimation');
        var a = $('.shop_list');
        for (var i = 0; i < a.length; i++) {
            if (i == j) {
                li3[i].setAttribute('style', 'display:none');
                li2[i].setAttribute('style', 'display:block');
            } else {
                li2[i].setAttribute('style', 'display:none');
                li3[i].setAttribute('style', 'display:block');
            }
        }
    });
    // 侧边栏部分
    $('.ad_top').on({
        mouseover: function () {
            // 鼠标变小手
            $(this).addClass("plus");
            $(this).siblings('.pang').show();
        },
        mouseout: function () {
            $(this).removeClass("plus");
            $(this).siblings('.pang').hide();
        }
    })
    $('.ad_er').next("div").on({
        mouseover: function () {
            $(this).siblings('.panger').show();
        },
        mouseout: function () {
            $(this).siblings('.panger').hide();
        }
    })
})